{% extends "data_edit.html" %}
{% load i18n %}
{% block form %}
{% autoescape off %}
	<tr>
        {{form.name|field_as_td_h}}
        <td>{{form.name.errors }}</td>
    </tr>
    <tr>
        {{form.overtime_type|field_as_td_h}}
        <td>{{form.overtime_type.errors }}
    </tr>
    <tr>
	    {{form.description|field_as_td_h}}
        <td>{{form.description.errors }}</td>
    </tr>
    <tr>
	    {{form.calculate_type|field_as_td_h}}
        <td>{{form.calculate_type.errors }}</td>
    </tr>
    <tr>
	    {{form.formula|field_as_td_h}}
        <td>{{form.formula.errors }}</td>
    </tr>
    <tr>
	    {{form.fixed_amount|field_as_td_h}}
        <td>{{form.fixed_amount.errors }}</td>
    </tr>
    <tr>
	    {{form.fixed_unit|field_as_td_h}}
        <td>{{form.fixed_unit.errors }}</td>
    </tr>
    <tr>
	    {{form.is_basic|field_as_td_h}}
        <td>{{form.is_basic.errors }}</td>
    </tr>
    <tr>
	    {{form.remarks|field_as_td_h}}
        <td>{{form.remarks.errors }}</td>
    </tr>
    <tr><th width="100px"></th><td></td></tr>
{% for i,k in form.errors.items %}
        {{i}}{{k}}
   {% endfor %}
 {% endautoescape %}
{% endblock %} 
{% block addjs %}
$(function(){
    function control_style(calculate_type){
        var fixed_amount = $("#id_fixed_amount").parent().parent();
        var fixed_unit = $("#id_fixed_unit").parent().parent();
        var formula = $("#id_formula").parent().parent();
        if(calculate_type == 0){
            $(formula).find("th>label").addClass('required');
            $(fixed_amount).find("th>label").removeClass('required');
            $(fixed_unit).find("th>label").removeClass('required');
            $(fixed_amount).hide();
            $(fixed_unit).hide();
            $(formula).show();
        }else if(calculate_type == 1){
            $(formula).find("th>label").removeClass('required');
            $(fixed_amount).find("th>label").addClass('required');
            $(fixed_unit).find("th>label").addClass('required');
            $(fixed_amount).show();
            $(fixed_unit).show();
            $(formula).hide();
        }
    }
	$("#id_calculate_type").change(function(){
        var calculate_type = $("#id_calculate_type").val();
        console.log(calculate_type)
        control_style(calculate_type);
    })
    var init_type = $("#id_calculate_type").val();
    control_style(init_type);
});
function before_submit(){
    var calculate_type = $("#id_calculate_type").val();
    if (calculate_type == 0){
        $("#id_fixed_amount").val("");
        $("#id_fixed_unit").val("");
    }else if(calculate_type == 1){
        $("#id_formula").val("");
    }
    return true;
};
{% endblock %}